@charset "utf-8";
/* 
	by zhangfeng @ night of 2009-01-06 
	960 940 610 300
*/
body{font-size:12px; font-family:Verdana, Geneva, sans-serif;margin:0;background:#f7f7f5;}
a{text-decoration:none;color:#155c8e;}
a:hover{color:#0076c7;}

#wrapper{}
#header{width:100%;height:100px;border-bottom:1px solid #ccc;background:#fff;}
#navigator{width:100%;height:30px;background:url(images/nav_bg.gif);margin:1px 0;}
#navigator UL{margin:0;padding:0;width:960px;margin-left:auto;margin-right:auto;}
#navigator LI{margin:0;padding:0;list-style:none;float:left;height:30px;}
#navigator A{font-family:Verdana;display:block;float:left;color:#fff;text-decoration:none;padding:7px 20px 0 20px;height:30px;*height:23px;font-weight:bold;background:url(images/nav_sep.gif) no-repeat left top;}
#navigator A:hover{background:url(images/nav_hv.gif) no-repeat left top;}

#body{width:960px;width:958px !important;border:1px solid #ccc;margin:0 auto 1px auto;background:#fff;}

#body-left{width:620px;margin:10px 5px 10px 10px;float:left;}
#body-right{width:300px;margin:10px 10px 10px 5px;float:right;}

.list-top{height:30px;}
.list-top .page{float:left;margin-left:10px;}
.list-top .view-mode{float:right;margin-right:10px;}
.list-top .view-mode a{background:#ccc;}
.list-top .view-mode img{border:0;height:24px;width:24px;margin:3px;}

.artical-list{margin:5px;}
.artical-block{border-top:1px solid #ccc;margin-bottom:20px;}
.artical-block .title{margin:5px 0 0 5px;border-bottom:1px dashed #ccc;}
.artical-block .content{padding:5px;text-indent:2em;font-size:14px;font-family:Arial;line-height:24px;}
.artical-block .tail{}

.artical-block .title .title-date{height:55px;width:61px;background:url(images/title-date.gif) no-repeat;float:left;}
.artical-block .title .title-date span{display:block;width:61px;text-align:center;margin:0 auto;color:#fff;margin:5px auto;font-family:Arial;}
.artical-block .title .title-date em{display:block;width:61px;text-align:center;font-weight:bold;font-style:normal;}
.artical-block .title .title-text{float:left;margin-left:10px;}
.artical-block .title .title-text h4{margin:0;margin-top:6px;font-size:16px;}
.artical-block .title .title-text h4 img{height:16px;width:16px;}
.artical-block .title .title-text span a{text-decoration:underline;}
.artical-block .title .title-text span{text-size:12px;font-family:Arial;margin-top:5px;display:block;}
.artical-block .title .title-icon{width:55px;height:55px;float:right;}
.artical-block .title .title-icon img{width:30px;height:30px;margin-top:10px;}

.artical-block .content .code{}
.artical-block .content .image{}
.artical-block .content .quote{}

.artical-block .tail .tail-continue{padding-left:5px;height:26px;line-height:26px;border-bottom:1px dashed #ccc;margin-bottom:5px;}
.artical-block .tail .tail-continue img{display:block;float:left;border:0;height:16px;width:16px;margin:3px 5px;;}
.artical-block .tail .tail-continue span{display:block;float:left;margin-top:-3px}
.artical-block .tail .tail-keywords{float:left;height:24px;width:60%;margin-left:5px;}
.artical-block .tail .tail-keywords img{display:block;float:left;cursor:pointer;width:24px;height:24px;}
.artical-block .tail .tail-keywords span{display:block;float:left;line-height:22px;}
.artical-block .tail .tail-keywords a{display:block;float:left;height:20px;border:1px solid #fff;line-height:20px;margin:0 2px;padding:0 2px;text-decoration:none;}
.artical-block .tail .tail-keywords a:hover{border:1px solid #ccc;background:#eee;}
.artical-block .tail .tail-statistic{float:right;text-align:right;font-size:12px;font-family:Arial;height:24px;width:38%;line-height:24px;margin-right:5px;}


#body-right ul{padding:0;margin:0;margin-left:10px;}
#body-right ul li{list-style:none;height:18px;}
.login-panel{width:280px;margin:5px auto;height:120px;background:url(images/user-login.png) no-repeat;}
.login-panel div{padding:10px 0 0 32px;margin-bottom:10px;font-weight:bold;}

.category-panel{width:280px;margin:5px auto;height:120px;}
.category-panel span{display:block;font-weight:bold;margin:0 auto 10px auto;}
.category-panel ul li{list-style:none;padding-left:5px;line-height:16px;}
.category-panel ul li img{height:16px;width:16px;border:0;}

.hot-article{width:280px;margin:5px auto;}
.hot-article span{display:block;font-weight:bold;margin:0 auto 10px auto;}

.tags-panel{width:280px;margin:5px auto;}
.tags-panel em{display:block;font-weight:bold;margin:0 auto 10px auto;font-style:normal;}
.tags-panel span{display:block;float:left;margin:1px;}
.tags-panel a{display:block;line-height:20px;height:20px;padding:1px;border:1px solid #fff;}
.tags-panel a:hover{background:#eee;border:1px solid #ccc;}

.right-item{width:280px;margin:5px auto;}
.right-item span{display:block;font-weight:bold;margin:0 auto 10px auto;}


/* Here Starts album list Part*/
.album-crumbs{margin:0 5px 5px 5px;height:20px;_height:32px;background:url(images/home.png) no-repeat;padding:14px 0 0 35px;}

.album-list{margin:5px;padding-top:10px;border-top:1px solid #ccc;}
.album-block{border:1px solid #ccc;height:150px;width:600px;margin:5px;}
.album-block:hover{background:#fff;}
.album-block .album-preface{border:1px solid #ccc;height:135px;width:180px;margin:6px;float:left;}
.album-block .album-preface img{height:135px;width:180px;border:0;}
.album-block .album-information{float:left;margin:6px;;height:135px;width:390px;}
.album-block .album-information a{color:#72a12d;}
.album-block .album-information a:hover{color:#155c8e;}
.album-block .album-information h4{margin:0;margin:5px 0 5px 10px;}
.album-block .album-information span{display:block;border-bottom:1px dashed #ccc;margin:5px 0 5px 10px;color:#666;font-family:Arial;padding-bottom:5px;}
.album-block .album-information .album-description{color:#000;height:68px;overflow:hidden;font-family:Verdana;line-height:18px;text-indent:2em;border:none;}
/* Here ends album list Part*/

/* Here starts album part */
.photo-list{margin:4px;padding-top:10px;border-top:1px solid #ccc;}
.photo-thumbnail{height:90px;width:120px;margin:1px;float:left;}
.photo-thumbnail img{height:90px;width:120px;border:0;}
.album-introduction{}

.album-info-panel{width:280px;margin:5px auto;}
.album-info-panel h4{margin:10px 0 10px 0;font-style:normal;font-size:14px;color:#003;font-weight:bold;}
.album-info-panel span{display:block;margin:5px;}
.album-info-panel span:after{content:",";}
.album-info-panel dt,.album-info-panel dd{margin:5px 5px 10px 5px;}
/* Here ends album part */

/* Here starts photo part */
.photo-block{margin:4px;border-top:1px solid #ccc;text-align:center;}
.photo-block .photo-function{margin:10px auto;}
.photo-block .photo-function .function-left{float:left;}
.photo-block .photo-function .function-right{float:right;}
.photo-block .photo-view{margin-top:10px;}
.photo-block .photo-view a{}
.photo-block .photo-view img{border:0;}
.photo-block .photo-description{padding:10px;text-align:left;}
.photo-block .photo-description .left{width:360px;}
.photo-block .photo-description .right{width:230px;text-align:right;}
.photo-block .photo-thumbnail{width:610px;margin-top:10px;padding-top:10px;border-top:1px solid #ccc;}
.photo-block .photo-thumbnail a{display:block;float:left;}
.photo-block .photo-thumbnail img{width:100px;height:75px;margin:2px 10px;}
/* Here ends photo part */


#footer{margin:0 auto 0 auto;width:960px;height:100px;text-align:right;}

.left{float:left;}
.right{float:right;}
.clear{clear:both;}